/* Triangle Sets */
.triangle span {
  display:block;
  width:0px;
  height:0px;
  border:14px solid transparent;
}

/* Top arrow */
.triangle.top span {
  border-bottom-color:white;
  top:10px;
  left:20px;
}

/* Right arrow */
.triangle.right span {
  border-left-color:white;
  top:20px;
  left:30px;
}

/* Bottom arrow */
.triangle.bottom span {
  border-top-color:white;
  bottom:10px;
  left:20px;
}

/* Left arrow */
.triangle.left span {
  border-right-color:white;
  top:20px;
  right:30px;
}
